export const createVueTemplate = (name) => {
  const className = "th-" + name.charAt(2).toLowerCase() + name.slice(3) + "-container";
  const componentName = name.charAt(0).toUpperCase() + name.slice(1);
  return `<script setup>
defineOptions({ name: "${componentName}" });
</script>

<template>
  <div class="${className}">${componentName}</div>
</template>

<style lang="scss" scoped>
@import url("./${name}.scss");
</style>`;
};
